// 初始化 myinit
@charset "UTF-8";
/* CSS Document */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: none;
}

html {
    font-size: 100px;
    overflow-x: hidden;
}

#baidu_jsapi_watermark {
    opacity: 0 !important;
}

html,
body {
    display: block !important;
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    background: #ffffff;


    min-width: 1200px !important;

}

section {
    position: relative;
    z-index: 4;
}

a {
    text-decoration: none;
    display: inline-block;

    &:hover {
        color: var(--color1);
    }
}

ul,
li {
    list-style: none;
}

a,
label,
button,
input,
select {
    -webkit-tap-highlight-color: transparent;
}

img {
    max-width: 100%;
    border: 0;
    user-select: none;
}

/* Chrome浏览器 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

/* Firefox浏览器 */
input[type="number"] {
    -moz-appearance: textfield;
}

::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: var(--placeholder-color);
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: var(--placeholder-color);
    opacity: 1;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: var(--placeholder-color);
    opacity: 1;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: var(--dd4);
}

.int_search {
    color: var(--color1);
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit;
    color: inherit;
    outline: none;
    -webkit-appearance: none;
    resize: none;
    border: 0;
    background: none;
    appearance: none;
}

.red {
    color: #FF0000;
}


a {
    text-decoration: none;
    color: inherit;

    &:hover {
        text-decoration: none;
        color: inherit;
    }
}

img {
    object-fit: cover;
}

/*清楚浮动*/
.clearfix:before,
.clearfix:after {
    content: "";
    display: block;
}

.clearfix:after {
    clear: both;
}


.donghua {
    transition: all 0.4s;
}

.pic-box {
    position: relative;
    width: 100%;
    height: auto;
    transition: all 0.4s;
    overflow: hidden;

    img {
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        transition: all 0.4s;
        object-fit: cover;
    }
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.ellipsis-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.ellipsis-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ellipsis-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.ellipsis-4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.ellipsis-5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.ellipsis-6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}



// 放大组件
.showimg-props {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -10;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s;

    &.on {
        opacity: 1;
        visibility: visible;
        z-index: 200;
    }

    .showimg-mask {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        background-color: rgba($color: #000000, $alpha: 0.6);
    }

    .close-button {
        position: relative;
        display: inline-block;
        width: 1rem;
        height: 1rem;
        cursor: pointer;
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 10;
    }

    .close-button:before,
    .close-button:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 50%;
        height: 2px;
        background-color: #FFFFFF;
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .close-button:before {
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    .showimg-main {
        position: relative;
        z-index: 2;
        width: 70%;
        max-width: 700px;


        .showimg-img {
            width: 100%;
            height: auto;
            display: block;
        }
    }



    .swiper-button-prev,
    .swiper-button-next {
        width: 100px;
        height: 100px;
        position: static;
        margin: 0 !important;
        padding: 0 !important;
        color: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;

        &::after {
            font-size: var(--fz48);
        }
    }


    .img-swiper {
        flex: 1;

        .img-item {
            width: 100%;

            .img-pic {
                width: 100%;
                background-color: #FFFFFF;

                .pic-box {
                    width: 100%;
                    padding-top: calc(1000 / 1000 * 100%);
                }

            }

            .showtxt {
                text-align: center;
                width: 100%;
                font-size: var(--fz2);
                line-height: 1.3;
                margin-top: 0.2rem;
                transition: all .4s;
                color: #FFFFFF;
            }
        }
    }

}




// 放大组件 END



/*共享样式*/
// init
:root {
    --color1: #005da7;
    --color1-rgba: 0, 93, 167;
    --colortt-rgba: 171, 202, 230;
    --color2: #F9C584;
    --color2-rgba: 249, 197, 132;
    --color3: #919191;
    --color4: #f1f6f9;
    --color5: #90B6C9;
    --color6: #DDDDDD;
    --color7: #4f8cbe;
    --coloricon: #BBC5CD;
    --tt: #282828;
    --tt2: #959595;
    --tt3: #404040;
    --dd: #616161;
    --dd2: #BABABA;
    --dd3: #B1B1B1;
    --dd4: #9F9F9F;
    --dd5: #B0B0B0;
    --dd6: #5F5F5F;

    --placeholder-color: #C7C7C7;
    --dd7: #666666;
    --wrong: #E50000;
    --rich: #888888;

    --gridtt: #6F6F6F;
    --sj: #efefef;
    --gray: #c6c6c6;
    --line: #e9e9e9;
    --bg1: #F6F0E8;
    --bg2: #f5f5f5;
    --bg3: #f8f4ee;

    --timett: #AEAEAE;

    --color5A: #5a5a5a;
    --color7F: #7f7f7f;
    --colorF5: #f5f5f5;


    --color72: #727272;
    --colorFF: #ffffff;
    --colorF2: #f2f2f2;
    --color22: #222222;
    --color26: #262626;
    --color78: #787878;
    --color60: #606060;
    --colorAA: #222222;
    --colorF4: #f4f4f4;
    --colorB6: #b6b6b6;
    --color8d: #8D8D8D;
    --colorDD: #787878;
    --color70: #707070;
    --colorE5: #E50000;
    --colorA0: #A0A0A0;

    --color39: #393939;

    --fourLineTime: 0.1s;
    --fourLineCenterTime: 0.5s;
    --time01: 0.1s;
    --time02: 0.2s;
    --time03: 0.3s;
    --time04: 0.4s;
    --time05: 0.5s;
    // 可响应的值
    --mobile-margin: 4%;
    --container-width: 92%;
    // var(--container-width)
    // var(--mobile-margin)
    --navheight-default: 148px;
    --navheight: 90px;
    --downnavheight: -90px;
    --pagenavheight: 105px;
    --downpagenavheight: -105px;
    --toolsheight: 66px;

    --menuWidth: 100px;

    --logoTop-main: 46px;
    --logoTop: 60px;
    --logoBot: 50px;
    --logoPage: 70px;

    --border10: 10px;
    --border20: 20px;
    --border30: 30px;
    --border40: 40px;
    --border80: 80px;




    // 字号大小
    --fz90: 90px;
    --fz80: 80px;
    --fz72: 72px;
    --fz70: 70px;
    --fz60: 60px;
    --fz56: 56px;
    --fz52: 52px;
    --fz50: 50px;
    --fz48: 48px;
    --fz46: 46px;
    --fz40: 40px;
    --fz38: 38px;
    --fz36: 36px;
    --fz34: 34px;
    --fz30: 30px;
    --fz28: 28px;
    --fz26: 26px;
    --fz24: 24px;
    --fz22: 22px;
    --fz20: 20px;
    --fz18: 18px;
    --fz16: 16px;
    --fz14: 14px;
    --fz12: 12px;


}

.yh {
    color: var(--tt);
}


// 颜色样式
.color1 {
    color: var(--color1);
}

.color2 {
    color: var(--color2);
}

.color3 {
    color: var(--color3);
}

.color4 {
    color: var(--color4);
}

.color7 {
    color: var(--color7);
}

.bg1 {
    color: var(--bg1);
}

.bg2 {
    color: var(--bg2);
}

.bg3 {
    color: var(--bg3);
}

.timett {
    color: var(--timett);
}


.colortt {
    color: var(--tt);
}

.colortt2 {
    color: var(--tt2);
}

.colortt3 {
    color: var(--tt3);
}

.colordd {
    color: var(--dd);
}

.colordd2 {
    color: var(--dd2);
}

.colordd3 {
    color: var(--dd3);
}

.colordd4 {
    color: var(--dd4);
}

.colordd5 {
    color: var(--dd5);
}

.colordd6 {
    color: var(--dd6);
}

.colordd7 {
    color: var(--dd7);
}

.richtt {
    color: var(--rich);
}

.wrong {
    color: var(--wrong);
}

.gridtt {
    color: var(--gridtt);
}

.linecolor {
    color: var(--line);
}

.color7f {
    color: var(--color7F);
}

.gray {
    color: var(--gray);
}

.color8d {
    color: var(--color8d);
}

.color70 {
    color: var(--color70);
}

.colorE5 {
    color: var(--colorE5);
}

.color39 {
    color: var(--color39);
}

.color72 {
    color: var(--color72);
}

.colorFF {
    color: var(--colorFF);
}

.colorDD {
    color: var(--colorDD);
}

.colorA0 {
    color: var(--colorA0);
}

.color26 {
    color: var(--color26);
}

.color78 {
    color: var(--color78);
}

.color60 {
    color: var(--color60);
}

/*图片通用样式*/
.img-common {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
}

.norep {
    background-repeat: no-repeat;
}

.imgabs {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*清除浮动*/
.clearfix:before,
.clearfix:after {
    content: "";
    display: block;
}

.clearfix:after {
    clear: both;
}

/**动画样式****/
.time02 {
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}

.time03 {
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.time04 {
    -webkit-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

.time05 {
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all 0.5s;
}

.time1 {
    -webkit-transition: all ease-in-out 1s;
    -moz-transition: all ease-in-out 1s;
    -ms-transition: all ease-in-out 1s;
    -o-transition: all ease-in-out 1s;
    transition: all ease-in-out 1s;
}

.de01 {
    animation-delay: 0.1s;
}

.de02 {
    animation-delay: 0.2s;
}

.de03 {
    animation-delay: 0.3s;
}

.de04 {
    animation-delay: 0.4s;
}

.de05 {
    animation-delay: 0.5s;
}

.de10 {
    animation-delay: 1s;
}

.de15 {
    animation-delay: 1.5s;
}

.de2 {
    animation-delay: 2s;
}

// 双端显示隐藏
.web {
    display: block;
}

.mobile {
    display: none;
}

.flex-web {
    display: flex;
}

.flex-mob {
    display: none;
}

.inflex-web {
    display: inline-flex;
}





/*94%的内容*/
.container {
    width: var(--container-width);
    margin: 0 auto;
    // padding: 0;
    max-width: 1200px;
    position: relative;
    z-index: 1;

    &.w800 {
        max-width: 800px;
    }

    &.w1000 {
        max-width: 1000px;
    }

    &.w1250 {
        max-width: 1251px;
    }

    &.w1300 {
        max-width: 1300px;
    }


    &.w1400 {
        max-width: 1400px;
    }

    &.w1440 {
        max-width: 1440px;
    }

    &.w1460 {
        max-width: 1460px;
    }



    &.w1400-1250 {
        z-index: 2;
        max-width: 1400px;

    }

    &.w1560 {
        max-width: 1560px;
    }

    &.w1520 {
        max-width: 1520px;
    }

    &.w1600 {
        max-width: 1600px;
    }

    &.w1660 {
        max-width: 1660px;
    }

    &.isny {
        padding: 0 0.75rem;
        background-color: #ffffff;

        &.ishistory {
            padding: 0 0 0 0.75rem;

        }
    }

}

// 左右布局 手机端变上下
.lr-tb {
    display: flex;
}

.tb-lr {
    display: flex;
    flex-direction: column;
}

// 网格布局 4个一排/3个一排/2个一排
// 1024变为2个  768变为1个
[class*=mygrid] {
    display: grid;
}

.mygrid {
    display: grid;
}

.mygrid4,
.mygrid4-2 {
    grid-template-columns: repeat(4, 1fr);
}

.mygrid3,
.mygrid3-2 {
    grid-template-columns: repeat(3, 1fr);
}

.mygrid2 {
    grid-template-columns: repeat(2, 1fr);
}

.mygrid1 {
    grid-template-columns: repeat(1, 1fr);
}

// grid-column-gap: 1rem;
// grid-row-gap: 1rem;

// 宽高
.pd100 {
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.w50 {
    width: 50%;
}

.w100 {
    width: 100%;
}

.h100 {
    height: 100%;
}

.max100 {
    width: 100%;
    height: 100%;
}

.mrta {
    margin-top: auto;
}

.mrt14 {
    margin-top: 1.4rem;
}

.mrt1 {
    margin-top: 1rem;
}

.mrt08 {
    margin-top: 0.8rem;
}

.mrt07 {
    margin-top: 0.7rem;
}

.mrt06 {
    margin-top: 0.6rem;
}

.mrt055 {
    margin-top: 0.55rem;
}

.mrt05 {
    margin-top: 0.5rem;
}

.mrt045 {
    margin-top: 0.45rem;
}

.mrt04 {
    margin-top: 0.4rem;
}

.mrt035 {
    margin-top: 0.35rem;
}

.mrt03 {
    margin-top: 0.3rem;
}

.mrt025 {
    margin-top: 0.25rem;
}

.mrt02 {
    margin-top: 0.2rem;
}

.mrt015 {
    margin-top: 0.15rem;
}

.mrt01 {
    margin-top: 0.1rem;
}

.mrt005 {
    margin-top: 0.05rem;
}

.mrt20 {
    margin-top: 20px;
}


.mrlauto {
    margin-left: auto;
}

.mrl02 {
    margin-left: 0.2rem;
}

.mrl025 {
    margin-left: 0.25rem;
}

.mrl01 {
    margin-left: 0.1rem;
}

.mrl015 {
    margin-left: 0.15rem;
}

.mrr02 {
    margin-right: 0.2rem;
}

.mrl04 {
    margin-left: 0.4rem;
}

.mrb0 {
    margin-bottom: 0 !important;
}

.pdt0 {
    padding-top: 0 !important;
}

// 1024变为100%
.w50-100 {
    width: 50%;
}

// 位置和优先级
.re {
    position: relative;
}

.z1 {
    z-index: 1;
}

.z2 {
    z-index: 2;
}

.z3 {
    z-index: 3;
}

.z4 {
    z-index: 4;
}

.z5 {
    z-index: 5;
}

.z6 {
    z-index: 6;
}

.z7 {
    z-index: 7;
}

.z8 {
    z-index: 8;
}

.z9 {
    z-index: 9;
}

.z10 {
    z-index: 10;
}

// flex类名
.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.flex-align {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.flex-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.flex-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

.flex {
    display: flex;
}

.flex0 {
    flex-shrink: 0;
}

.flex1 {
    flex: 1;
}

.alignS {
    align-items: flex-start;
}

.alignC {
    align-items: center;
}

.alignE {
    align-items: flex-end;
}

.justS {
    justify-content: flex-start;
}

.justC {
    justify-content: center;
}

.justA {
    justify-content: space-around;
}

.justB {
    justify-content: space-between;
}

.justE {
    justify-content: flex-end;
}

// 图片覆盖而不是铺满
.vcover {
    object-fit: cover;
}

.clicktoggle-li .clicktoggle,
.click-onlyone,
.addClass,
.pointer {
    cursor: pointer;
}

.tac {
    text-align: center;
}

.tal {
    text-align: left;
}

.tar {
    text-align: right;
}

.tdu {
    text-decoration: underline;
}

.oh {
    overflow: hidden;
}

.fw700 {
    font-weight: 700;
}

.lh1 {
    line-height: 1;
}

.lh11 {
    line-height: 1.1;
}

.lh15 {
    line-height: 1.5;
}

.lh16 {
    line-height: 1.6;
}

.lh17 {
    line-height: 1.7;
}

.lh18 {
    line-height: 1.8;
}

.lh2 {
    line-height: 2;
}

.lh22 {
    line-height: 2.2;
}

.lh25 {
    line-height: 2.5;
}

.vh100 {
    height: 100vh;

    &.hasnav {
        height: calc(100vh - var(--navheight));
    }
}

[class*=fz] {
    // transition: all 0.3s;
    // transition: all ease-in-out .8s;
    // transition: all ease-in-out .5s;
}

.fz90 {
    font-size: var(--fz90);
}

.fz80 {
    font-size: var(--fz80);
}

.fz72 {
    font-size: var(--fz72);
}

.fz60 {
    font-size: var(--fz60);
}

.fz56 {
    font-size: var(--fz56);
}

.fz52 {
    font-size: var(--fz52);
}

.fz50 {
    font-size: var(--fz50);
}

.fz48 {
    font-size: var(--fz48);
}

.fz46 {
    font-size: var(--fz46);
}

.fz40 {
    font-size: var(--fz40);
}

.fz38 {
    font-size: var(--fz38);
}

.fz36 {
    font-size: var(--fz36);
}

.fz34 {
    font-size: var(--fz34);
}

.fz30 {
    font-size: var(--fz30);
}

.fz28 {
    font-size: var(--fz28);
}

.fz26 {
    font-size: var(--fz26);
}

.fz24 {
    font-size: var(--fz24);
}

.fz22 {
    font-size: var(--fz22);
}

.fz20 {
    font-size: var(--fz20);
}

.fz18 {
    font-size: var(--fz18);
}

.fz16 {
    font-size: var(--fz16);
}

.fz14 {
    font-size: var(--fz14);
}

.fz12 {
    font-size: var(--fz12);
}


[class*=icon-] {

    &::after,
    &::before {
        transition: all 0s;
    }
}


// myinit 
@media only screen and (min-width: 1921px) {
    html {
        font-size: 100px;
    }

    body {
        line-height: 1.6;
    }
}

@media only screen and (max-width: 1921px) {
    html {
        font-size: 100px;
    }

    body {
        line-height: 1.6;
    }
}

@media only screen and (max-width: 1600px) {
    html {
        font-size: 90px;
    }

    /*共享样式*/
    :root {

        --border10: 10px;
        --border20: 20px;
        --border30: 30px;
        --border40: 40px;
        --border80: 80px;



        // 字号大小
        --fz90: 75px;
        --fz80: 66px;
        --fz70: 58px;
        --fz60: 50px;
        --fz56: 46px;
        --fz52: 43px;
        --fz50: 41px;
        --fz48: 40px;
        --fz46: 38px;
        --fz40: 30px;
        --fz38: 33px;
        --fz36: 33px;
        --fz34: 30px;
        --fz30: 26px;
        --fz28: 26px;
        --fz26: 24px;
        --fz24: 22px;
        --fz22: 20px;
        --fz20: 18px;
        --fz18: 16px;
        --fz16: 14px;
        --fz14: 14px;
        --fz12: 12px;


    }
}

@media only screen and (max-width: 1400px) {
    html {
        font-size: 70px;
    }
}

@media only screen and (max-width: 1280px) {
    html {
        font-size: 55px;
    }



    /*共享样式*/
    :root {
        //1280
        //  --navheight-default: 148px;
        //  --navheight: 66px;
        //  --downnavheight: -66px;
        //  --pagenavheight: 66px;
        //  --downpagenavheight: -66px;
        //  --toolsheight: 66px;
        //  --menuWidth: 66px;

        // --logoTop: 40px;
        // --logoBot: 40px;
        // --logoPage: 40px;

        --border10: 10px;
        --border20: 20px;
        --border30: 30px;
        --border40: 40px;
        --border80: 80px;



        // 字号大小
        --fz90: 60px;
        --fz80: 50px;
        --fz70: 46px;
        --fz60: 42px;
        --fz56: 40px;
        --fz52: 38px;
        --fz50: 36px;
        --fz48: 36px;
        --fz46: 34px;
        --fz40: 30px;
        --fz38: 30px;
        --fz36: 30px;
        --fz34: 29px;
        --fz30: 28px;
        --fz28: 28px;
        --fz26: 24px;
        --fz24: 22px;
        --fz22: 20px;
        --fz20: 18px;
        --fz18: 16px;
        --fz16: 14px;
        --fz14: 14px;
        --fz12: 12px;


    }
}

@media only screen and (max-width: 1024px) {
    html {
        font-size: 55px;
    }

    .wmrt1 {
        margin-top: 1rem;
    }

    .wmrt08 {
        margin-top: 0.8rem;
    }

    .wmrt07 {
        margin-top: 0.7rem;
    }

    .wmrt06 {
        margin-top: 0.6rem;
    }

    .wmrt05 {
        margin-top: 0.5rem;
    }

    .wmrt045 {
        margin-top: 0.45rem;
    }

    .wmrt04 {
        margin-top: 0.4rem;
    }

    .wmrt03 {
        margin-top: 0.3rem;
    }

    .wmrt025 {
        margin-top: 0.25rem;
    }

    .wmrt02 {
        margin-top: 0.2rem;
    }

    .wmrt01 {
        margin-top: 0.1rem;
    }

    .wmrt20 {
        margin-top: 20px;
    }


    .mygrid4-2 {
        grid-template-columns: repeat(3, 1fr);
    }

    .mygrid4,
    .mygrid3,
    .mygrid3-2,
    .mygrid2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .lr-tb {
        display: flex;
        flex-direction: column;

        .order2 {
            order: 2;
        }

        .order1 {
            order: 1;
        }
    }

    .tb-lr {
        display: flex;
        flex-direction: row;

        .order2 {
            order: 2;
        }

        .order1 {
            order: 1;
        }
    }

    .mow100 {
        width: 100% !important;
    }

    .mow50 {
        width: 50% !important;
    }

    .w50-100 {
        width: 100%;
    }

    .web {
        display: none;
    }

    .mobile {
        display: block;
    }

    .flex-web {
        display: none;
    }

    .inflex-web {
        display: none;
    }

    .flex-mob {
        display: flex;
    }



    /*共享样式*/
    :root {
        // 1024
        --navheight-default: 148px;
        --navheight: 66px;
        --downnavheight: -66px;
        --pagenavheight: 66px;
        --downpagenavheight: -66px;
        --toolsheight: 50px;
        --inputheight: 40px;


        --menuWidth: 66px;
        --logoTop-main: 40px;
        --logoTop: 46px;
        --logoBot: 40px;
        --logoPage: 50px;

        --mmt: 0.4rem;
        --mmt2: 0.8rem;
        --mmt3: 1rem;

        --border10: 10px;
        --border20: 10px;
        --border30: 20px;
        --border40: 20px;
        --border80: 45px;


        // 字号大小
        --fz90: 50px;
        --fz80: 40px;
        --fz70: 40px;
        --fz60: 40px;
        --fz56: 36px;
        --fz52: 36px;
        --fz50: 34px;
        --fz48: 34px;
        --fz46: 30px;
        --fz40: 28px;
        --fz38: 28px;
        --fz36: 28px;
        --fz34: 25px;
        --fz30: 20px;
        --fz28: 20px;
        --fz26: 20px;
        --fz24: 18px;
        --fz22: 18px;
        --fz20: 18px;
        --fz18: 16px;
        --fz16: 14px;
        --fz14: 14px;
        --fz12: 12px;

    }

    .mmt {
        margin-top: var(--mmt);
    }

    .mmt2 {
        margin-top: var(--mmt2);
    }

    .mmt3 {
        margin-top: var(--mmt3);
    }
}

@media only screen and (max-width: 768px) {
    html {
        font-size: 40px;
    }

    .mygrid4-2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .mygrid4,
    .mygrid3,
    .mygrid2 {
        grid-template-columns: repeat(1, 1fr);
    }

    .vh100 {
        &.mvw50 {
            height: 50vw;
        }

        &.mvw65 {
            height: 65vw;
        }

        &.mvw70 {
            height: 70vw;
        }

        &.mvw100 {
            height: 100vw;
        }
    }

    .backgFont {
        position: absolute;

        .fontbox {
            .backgFontSpan {
                font-size: 15vw;

                &+.backgFontSpan {
                    transform: translate(-3px, 3px);
                }
            }
        }
    }

    /*共享样式*/
    :root {
        // 768
        // --navheight-default: 148px;
        // --navheight: 44px;
        // --downnavheight: -44px;
        // --pagenavheight: 44px;
        // --downpagenavheight: -44px;
        // --toolsheight: 44px;
        // --menuWidth: 100px;

        // --logoTop: 30px;
        // --logoBot: 30px;
        // --logoPage: 30px;




        --border10: 10px;
        --border20: 10px;
        --border30: 20px;
        --border40: 20px;
        --border80: 45px;


        // 字号大小
        --fz90: 32px;
        --fz80: 32px;
        --fz70: 32px;
        --fz60: 32px;
        --fz56: 32px;
        --fz52: 24px;
        --fz50: 24px;
        --fz48: 22px;
        --fz46: 22px;
        --fz40: 22px;
        --fz38: 22px;
        --fz36: 22px;
        --fz34: 21px;
        --fz30: 20px;
        --fz28: 18px;
        --fz26: 18px;
        --fz24: 18px;
        --fz22: 16px;
        --fz20: 16px;
        --fz18: 14px;
        --fz16: 14px;
        --fz14: 14px;
        --fz12: 12px;

    }

}

@media only screen and (max-width: 480px) {
    body {
        font-size: 14px;
        line-height: 1.4;
    }



}










@media only screen and (max-width: 1600px) {}

@media only screen and (max-width: 1500px) {}

@media only screen and (max-width: 1400px) {}

@media only screen and (max-width: 1280px) {}

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 920px) {}

@media only screen and (max-width: 768px) {}

@media only screen and (max-width: 640px) {}

@media only screen and (max-width: 500px) {}

@media only screen and (max-width: 415px) {}

@media only screen and (max-width: 375px) {}